<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Layout</title>
    <link rel="stylesheet" type="text/css" href="/easyui.css">
    <link rel="stylesheet" type="text/css" href="/icon.css">
    <link rel="stylesheet" type="text/css" href="/demo.css">
    <script src="/jquery.min.js"></script>
    <script src="/jquery.easyui.min.js"></script>
</head>
<body>
<div id="cc" ></div>
<script type="text/javascript">
    $("#cc").layout({
        width:600,
        height:400
    });
    $('#cc').layout('add',{
        region: 'north',
        height:50
    });

    $('#cc').layout('add',{
        region: 'south',
        height:50
    });
    $("#cc").layout('add',{
        region:'east',
        split:true,
        title:"East",
        width:100
    });
    $('#cc').layout('add',{
        region: 'west',
        width: 100,
        title: 'West Title',
        split: true,
    });
    $('#cc').layout('add',{
        region: 'center',
        title: 'Main Title',
        split: true,
        iconCls:'icon-ok',
        fit:true
    });
</script>
</body>
</html>